<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>江苏梦兰神彩</title>

    <!--[if lt IE 9]>
    <meta http-equiv="refresh" content="0;ie.html"/><![endif]-->

    <link rel="shortcut icon" href="favicon.ico">

    <script id='bootscript' src="../dist/1.0.0/boot.innerPage.min.js"></script>

</head>

<body>

    <div id="banner-wrap">

        <span class="each-barner">
                    <i class="fa fa-home ft-16"></i>&nbsp;
                    <span>首页</span>
        </span>

        <span class="each-barner">
                    <i class="fa fa-book ft-16"></i>&nbsp;
                    <span>子页面</span>
        </span>

        <span class="each-barner">
                    <i class="fa fa-bar ft-16"></i>&nbsp;
                    <span>正在进行的页面</span>
        </span>

    </div>

    <div class="sc-container sc-listpage clearfix">

        <div id="title-wrap">

            <div class="fl">
                <span class="title">模块名称</span>
                <span class="sub-title">子模块</span>
            </div>

            <div class="fr">
                <i class="fa fa-car">&nbsp;</i>&nbsp;
                <i class="fa fa-dashboard">&nbsp;</i>
            </div>


        </div>

        <div id="top-tips-wrap">
            <i class="fa fa-info-circle yellow"></i>
            <span>说明区域,说明区域...</span>
        </div>


        <div id="search-wrap">


            <div class="search-container clearfix collapse">

                <div class="searchDiv">
                    <label for="stuNo">选择类型：</label>
                    <input type="text" placeholder="请输入..." class="ivu-input">
                </div>

                <div class="searchDiv">
                    <label for="name">选择类型：</label>
                    <input type="text" name="name" id="name" class="ivu-input" />
                </div>

                <div class="searchDiv">
                    <label for="age">选择类型：</label>
                    <input type="text" class="ivu-input" minValue="" maxValue="130" name="age" id="age" />
                </div>

                <div class="searchDiv">
                    <label for="name">选择类型：</label>
                    <input type="text" name="name" id="name" class="ivu-input" />
                </div>

                <div class="searchDiv">
                    <label for="age">选择类型：</label>
                    <input type="text" class="ivu-input" minValue="" maxValue="130" name="age" id="age" />
                </div>

                <div class="searchDiv">
                    <label for="gender">选择类型：</label>
                    <select class="ivu-input" name="gender" id="gender">
                    <option>==请选择==</option>
                    <option value="1">男</option>
                    <option value="2">女</option>
                    <option value="0">未知</option>
                </select>
                </div>
                <div class="searchDiv">
                    <label for="gender">选择类型：</label>
                    <select class="ivu-input" name="gender" id="gender">
                    <option>==请选择==</option>
                    <option value="1">男</option>
                    <option value="2">女</option>
                    <option value="0">未知</option>
                </select>
                </div>

                <div class="searchDiv">
                    <label for="gender">选择类型：</label>
                    <select class="ivu-input" name="gender" id="gender">
                    <option>==请选择==</option>
                    <option value="1">男</option>
                    <option value="2">女</option>
                    <option value="0">未知</option>
                </select>
                </div>

            </div>

            <div class="search-more">
                <span>
                <i class="fa fa-angle-down">&nbsp;</i>
                更多筛选
            </span>
            </div>

        </div>

        <div id="tools-wrap">

            <div class="fl">

                <button type="button" class="ivu-btn ivu-btn-primary">
                <span>新增</span>
            </button>

                <button type="button" class="ivu-btn"><span>删除</span></button>

                <button type="button" class="ivu-btn"><!----> <!----> <span>修改</span></button>


            </div>

            <div class="fr tool-right">
                <span>
                <i class="fa fa-eye">&nbsp;</i>预览
            </span>
                <span>
                <i class="fa fa-print">&nbsp;</i>打印
            </span>
                <span>
                <i class="fa fa-download">&nbsp;</i>导出
            </span>
            </div>

        </div>


        <div id="list-top-wrap">
            <span>共统计企业总数</span>
        </div>

        <div id="list-wrap">

            <!--ivew 表格 自行实现-->
            <div class="ivu-table-wrapper">
                <div class="ivu-table ivu-table-stripe">
                    <!---->
                    <div class="ivu-table-header">
                        <table cellspacing="0" cellpadding="0" border="0" width='100%'>
                            <thead>
                                <tr>
                                    <th class="">
                                        <div class="ivu-table-cell"><span>姓名</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </th>
                                    <th class="">
                                        <div class="ivu-table-cell"><span>年龄</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </th>
                                    <th class="">
                                        <div class="ivu-table-cell"><span>地址</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </th>
                                </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="ivu-table-body">
                        <table cellspacing="0" cellpadding="0" border="0" width='100%'>

                            <tbody class="ivu-table-tbody">
                                <tr class="ivu-table-row">
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>王小明</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>18</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>北京市朝阳区芍药居</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                </tr>
                                <!---->
                                <tr class="ivu-table-row">
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>张小刚</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>25</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>北京市海淀区西二旗</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                </tr>
                                <!---->
                                <tr class="ivu-table-row">
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>李小红</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>30</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>上海市浦东新区世纪大道</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                </tr>
                                <!---->
                                <tr class="ivu-table-row">
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>周小伟</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>26</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                    <td class="">
                                        <div class="ivu-table-cell">
                                            <!---->
                                            <!----><span>深圳市南山区深南大道</span>
                                            <!---->
                                            <!---->
                                        </div>
                                    </td>
                                </tr>
                                <!---->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>

        </div>

        <div id="list-pager-wrap">

            <ul class="ivu-page fr">
                <!---->
                <span class="ivu-page-total">共 100 条</span>
                <li title="上一页" class="ivu-page-prev ivu-page-disabled"><a><i class="ivu-icon ivu-icon-ios-arrow-left"></i></a>
                </li>
                <li title="1" class="ivu-page-item ivu-page-item-active"><a>1</a></li>
                <!---->
                <!---->
                <!---->
                <!---->
                <li title="2" class="ivu-page-item"><a>2</a></li>
                <li title="3" class="ivu-page-item"><a>3</a></li>
                <li title="向后 5 页" class="ivu-page-item-jump-next"><a><i class="ivu-icon ivu-icon-ios-arrow-right"></i></a>
                </li>
                <li title="10" class="ivu-page-item"><a>10</a></li>
                <li title="下一页" class="ivu-page-next"><a><i class="ivu-icon ivu-icon-ios-arrow-right"></i></a></li>
                <div class="ivu-page-options">
                    <div class="ivu-page-options-sizer">
                        <div class="ivu-select ivu-select-single ivu-select-default">
                            <div class="ivu-select-selection"><span class="ivu-select-placeholder" style="display: none;">请选择</span>
                                <span class="ivu-select-selected-value">10 条/页</span>
                                <!----><i class="ivu-icon ivu-icon-ios-close ivu-select-arrow" style="display: none;"></i> <i class="ivu-icon ivu-icon-arrow-down-b ivu-select-arrow"></i></div>
                            <div class="ivu-select-dropdown" style="display: none;">
                                <ul class="ivu-select-not-found" style="display: none;">
                                    <li>无匹配数据</li>
                                </ul>
                                <ul class="ivu-select-dropdown-list">
                                    <li class="ivu-select-item ivu-select-item-selected" style="text-align: center;">10 条/页
                                    </li>
                                    <li class="ivu-select-item" style="text-align: center;">20 条/页</li>
                                    <li class="ivu-select-item" style="text-align: center;">30 条/页</li>
                                    <li class="ivu-select-item" style="text-align: center;">40 条/页</li>
                                </ul>
                                <ul class="ivu-select-loading" style="display: none;">加载中</ul>
                            </div>
                        </div>
                    </div>
                    <div class="ivu-page-options-elevator">
                        跳至
                        <input type="text"> 页
                    </div>
                </div>
            </ul>

        </div>

        <div id="page-bottom-wrap">
            <img class="" style="height: 80px; width: 100% " src="../static/images/main/list-bottom.jpg" />
        </div>


    </div>



</body>

</html>